<script>
export default {
  name: 'Hello',
  render () {
    // jsx的写法,还可以嵌套js语法 js写在 { } 里面
    const arr = [1, 2, 3, 4, 5]
    const fn = () => {
      return '你好'
    }
    const consoleFn = () => {
      console.log('我被点了')
    }
    // 可以定义变量存节点
    const a = <span>我是一个span ,我是a</span>
    // 绑定事件用onClick
    const flag = true
    if (flag) {
      return <div>
        <p>我是真的</p>
        {a}
        <button onClick={consoleFn}>点我</button>
      </div>
    } else {
      return <div id='name'>
      <p>我是一个p标签</p>
      <p>我是另一个p标签</p>
      <p>{arr}</p>
      <p>{ fn() }</p>
    </div>
    }
  }
}
</script>
